﻿$(document).ready(
    function () {

        $(".cell1, .cell2").mouseenter(function () {

            //animation for the home screen the bottom green box

            $(".subcell", $(this)).animate({
                height: 400
                //,width: 400
                //,opacity: 0.5
            }, 1000, "linear", function () {

            });


        }).mouseleave(function () {

            $(".subcell", $(this)).stop();
            $(".subcell", $(this)).css("height", "50px");


            //make link the home screen. In ASP.NET MVC application
            //helping with data attribute can we do (generate there
            //the url) 

        }).click(function () {
            //$(".subcell", $(this)).stop();
            window.location.href = $(this).data('url');
            
            //console.log(window.location.host + "/Order/Create");
        });

     

    });
